<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用方法</title>
</head>
<body>
    <div id="div0">aaa</div>
    <button onclick="document.write('重新写入')">点击写入</button>
    <script>
        // // 确定 取消 弹框
        // var msg = confirm('是否是爱情？') // 同步等待   点击确定之后执行打印操作
        // console.log(msg)
        // // 输入确定框
        // var msgs = prompt('请输入数字')
        // console.log(msgs)


        // 写入内容 
        document.write('写入内容') // 它会打开现有HTML中的body部分，重新写入内容，
            // 如果是交互操作 原来有内容，会删除原来的内容，如果不是交互的不删除在原有的添加 
        document.writeln('5555','888')
        /* 
            注意write()方法不会在每个语句后面新增一行：
            Hello World!Have a nice day!
            注意writeln()方法在每个语句后面新增一行：
            Hello World!
            Have a nice day!
        */
       document.write('<button>按钮</button>') // 还可以写标签HTML

       console.log(document.body)  /// 获取body标签
    //    document.body.innerHTML = '<div>替换div</div>'   // inner 在什么里面 
        // 把body中的替换   设置body标签中的所有HTML内容 所有body中的标签
        // 如果在原来基础上添加 如下写法
        document.body.innerHTML = document.body.innerHTML +  '<div>替换div</div>'


        // 获取标签 根据ID获取当前标签DOM
        div0 = document.getElementById('div0');
        // div0.innerHTML = '内容'
        // div0.innerHTML = div0.innerHTML + '内容'

        div0.onclick = function(){
            // console.log('点击div')
            document.write('我爱 诶子')
            // div0.innerHTML = '点击div改变内容'
        } 
    </script>
    <script>
        /* 
            1、
         */
    </script>
</body>
</html>